body{
    background-color: #fff;
}
.plant-layout {
    border: 1px solid black;
}
.layout-child {
    height: 100%;
    background: #ef4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.todo-list{
    margin-top: 9.5rem;
}

.my-menu{
    position: fixed;
    top: .5rem;
    left: .5rem;
    z-index: 1000000;
}
.my-menu-list {
    position: fixed;
    background: #ebfffc;
    border-radius: .2rem;
    top: 2.8rem;
    left: .5rem;
    color: #00947e;
    width: 6.5rem;
    box-shadow: 0px 0px 4px 4px rgb(150 157 249 / 16%);
}
.my-menu-list li{
    height: 2rem;
}
.my-menu-list li svg{
    margin-top: 5px;
    width: 18px;
    margin-left: 8px;
    height: 18px;
}
.my-menu-list li span{
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  margin-left: 8px;
}
.today-tommorry-btn{
    position: absolute;
    top: 7.2rem;
    right: 1.5rem;
}
.today-tommorry-btn .my-todo-all{
    margin-left: 3rem;
}
.am-list-item{
    top: 9.5rem;
    margin-bottom: -0.5rem;
    width: 93.45%;
    margin-left: .5rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    z-index: 1;
    box-shadow: 
    0 -4px 10px 0px hsl(240deg 30% 28% / 9%),
     0 2px 6px -8px hsl(0deg 0% 0% / 25%),
      0 -6px 8px -7px hsl(0deg 0% 0% / 3%);
}

.am-search{
    top: 9.5rem;
    background-color: #fff;
}
.am-search-input{
    border-radius: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    box-shadow: 
    0 1px 9px 0px hsl(240deg 30% 28% / 25%),
    0 2px 6px -8px hsl(0deg 0% 0% / 30%), 
    0 -6px 8px -7px hsl(0deg 0% 0% / 3%);
}
.my-search-btn-left{
    top: 9.5rem;
    left: 1rem;
}
.my-search-btn-right{
    top: 9.5rem;
    left: 12rem;
}
.my-clear-btn{
    position: absolute;
    top: 12.8rem;
    right: 1.2rem;
}
.noResult{
    margin-top: -12rem;
}

.history-data{
    position: absolute;
    top: 10rem;
    width: 100%;
}
.my-hisoty-tags{
    margin-bottom: 1.5rem;
    margin-left: .5rem;
}
.my-is-link{
    margin-top: 1.5rem;
}